<route>
  {
      meta: {
          layout: 'index',
          title:'培训'
      }
  }  
</route>
<template>
  <div>
    <a-row>
      <a-col :span="6">
        <TreeSelect :treeData="toolTree" @handleOpen="handleOpen"></TreeSelect>
      </a-col>
      <a-col :span="18">
        <a-card style="width: 100%">
          <AllContent v-if="['循环垫', 'C型垫盘', '加重杆', '快速接头', '电缆T型卡', '链条', '导向帽',
            '三件套', '分线盘', '冲子', '加长筒', '打捞主体', '上接头', '平口引鞋', '控制环', '篮式卡瓦',
            '篮瓦打捞筒', '三球打捞筒', '剪切环瓦打捞筒', '套铣筒'].includes(selectKey)" :toolType="selectKey"></AllContent>
          <GroundToolFile v-if="selectKey === '地面工具'"></GroundToolFile>
          <JobManage v-if="selectKey === '规程'"></JobManage>
          <Experience v-if="selectKey === '经验'"></Experience>
          <Case v-if="selectKey === '案例'"></Case>
          <Correlation v-if="['钻井', '定向井', '钻井液', '地质'].includes(selectKey)" :linkType="selectKey"></Correlation>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>
<script setup>
import { toolTree } from '../../constant/tree.js'
import TreeSelect from "../../components/TreeSelect.vue";
import GroundToolFile from './tools/type/GroundToolFile.vue';
import AllContent from './tools/AllContent.vue';
import Experience from './experience/index'
import JobManage from './JobManage/index.vue'
import Correlation from './correlation/index.vue'
import Case from './cases/index.vue'
const selectKey = ref('')
function handleOpen(e) {
  console.log('handleOpen', e);
  selectKey.value = e
}
</script>
<style></style>
  